<template>
  <div class="app-container">
    <h1>富文本的使用</h1>
    <h1 class="ql-align-center">
      《 <strong style="color: rgb(51, 51, 51)">虞美人 》</strong>
    </h1>
    <h2 class="ql-align-center">李煜</h2>
    <p><br /></p>
    <h3><br /></h3>
    <h3 class="ql-align-center">
      <span class="ql-size-large" style="color: rgb(230, 0, 0)">春花</span >秋月何时了，
      <span class="ql-size-large" style="color: rgb(0, 138, 0)">往事</span  >知多少？小楼昨夜又
      <span class="ql-size-large" style="color: rgb(240, 102, 102)">东风</span  >，故国不堪回首月明中！
    </h3>
    <h2 class="ql-align-center">
      <span class="ql-size-large"> </span>雕栏玉砌应犹在，只是朱颜改。
      <span class="ql-size-large" style="color: rgb(161, 0, 0)" >问君能有几多愁？恰似一江春水向东流。 </span>
    </h2>
    <p class="ql-align-justify"><br /></p>
  </div>
</template>

<script>
import { addQuillTitle } from './modules/quill-title.js'

export default {
  data () {
    return {}
  },
  mounted () {
    addQuillTitle()
  }
}
</script>
<style lang="scss" scoped></style>
